let userName = document.querySelector(".user_name");
let QRcode = document.querySelector(".QRcode");
let saveBtn = document.querySelector(".save_btn");
let button = saveBtn.querySelector("button");
let star_text = document.querySelector('.star_text>span');

//设置ajax用户名参数
let api = "http://newshopapi.0melon0.cn/api/f_user/bookday";
let data = {
    "token": sessionStorage.getItem("token"),
    "day_time": sessionStorage.getItem("day_time"),
    "show_id": sessionStorage.getItem("show_id")
};

// 请求参数
ajax(api, data, "POST").then(res => {
    console.log(res);
    console.log(res.result);
    console.log(res.result.name);
    // console.log(res.result.day_time);

    // 将用户名渲染到页面
    userName.innerHTML = `
  <p></p>
  <p>${res.result.name}</p>
  <span>:</span>
  `;

    //欢迎词
    star_text.innerHTML = `<span>欢迎您在${res.result.day_time}${res.result.show_name}参观2021广州国际花卉艺术展暨中国插花花艺展。</span>`

    // 设置获取二维码参数
    let api = "http://newshopapi.0melon0.cn/api/f_user/Qrcode";
    let data = {
        "token": sessionStorage.getItem("token"),
        "id": res.result.id
    };
    return ajax(api, data, "GET");

}).then(res => {
    // 获取src地址并渲染
    QRcode.innerHTML = `
  <img src="${res.data.data}" alt="">
  `;
    // 通过button按钮保存二维码
    button.addEventListener("click", () => {
        // 调用函数
        downloadImg();
        console.log(123);
    });

    // 保存图片函数
    function downloadImg() {
        let img = QRcode.querySelector("img"); // 获取要下载的图片
        var url = img.src; // 获取图片地址
        var a = document.createElement('a'); // 创建一个a节点插入的document
        var event = new MouseEvent('click') // 模拟鼠标click点击事件
        a.download = '保存二维码' // 设置a节点的download属性值
        a.href = url; // 将图片的src赋值给a节点的href
        a.dispatchEvent(event) // 触发鼠标点击事件
    }
})